<template>
	<div>
		<TodoItem 
		v-for="item in todos" 
		:key="item.id" 
		:todo="item" 
		:deleteTodos="deleteTodos"
		:changeTodos="changeTodos"></TodoItem>
	</div>
</template>

<script>
	import TodoItem from './TodoItem'
	
	export default {
		name:'todos-list',
		data(){
			return {
				
			}
		},
		props:['todos','deleteTodos','changeTodos'],
		components:{
			TodoItem
		}
	}
</script>

<style>
</style>